@import url('responsive2.0.css');
@import url('../fonts/fonts.css');
@import url('history.css');
@import url('cpj.css');
@import url('ys.css');
@import url('xi.css');

/* .header .auto_1400 {
  position: relative
} */
.header .logo{display:table;height:100px;}
.header .logo a{display:table-cell;vertical-align:middle;}
.header .logo .img2{display:inline-block;height:50px;}
.header .logo .img1{display:none;}
.header menu li span{display:block;}
.header menu li .sub{padding:15px 0;}
.header menu li .sub dt{line-height:1.5;height:auto;}
.header menu li .sub dt a{display:block;padding:0 10px;font-size:20px;}
.header dt{height:30px;}
.header .top-lang{font-size:16px;padding-right:25px;line-height:30px;position:relative}
.header .top-lang span{color:#000000;padding:0px 20px;position:relative}
.header .top-lang span:after{content:'';position:absolute;width:6px;height:6px;right:0;bottom:0;margin:auto;border:solid 5px transparent;border-top-color:#000}
.header .top-lang figure{position:absolute;width:100%;display:none;background-color:rgba(12,52,132,1)}
.header .top-lang a{display:block;color:#fff;padding:0 20px}
.header .open-search{position:relative;display:block;width:30px;height:30px;background:url(../images/top_search_btn2.svg) no-repeat center center;cursor:pointer;background-size:auto 90%;}
.header .top-search{position:absolute;right:0;top:100%;background-color:rgba(12,52,132,1);width:100%;max-width:400px;z-index:999;}
.header .top-search .btn{background-color:rgba(12,52,131,1);background-image:url(../images/top_search_btn.svg);background-size:auto 50%;}
.header .open-search.on:before,.header .open-search.on:after{width:60%;left:20%;background-color:rgba(12,52,131,1);}

/*.header{
  position: relative;
}*/
@media (min-width:1025px){
  .header{background-color:rgba(255,255,255,0.2);position:fixed;width:100%;left:0;top:0;z-index:100;transition:background-color 0.3s,transform 1s;}
  .header.hover{background-color:rgba(255,255,255,1);}
  .header menu li span a{color:#333;}
}

/* 下拉 */
@media screen and (min-width:1028px){
  .header menu li#nav3{position:inherit}
  .header menu li .subnd{position:absolute;width:100vw!important;left:0!important;text-align:left!important;  /* top: 0; */background:rgb(255 255 255 / 96%);z-index:9;  /*height: 0;*/overflow:hidden;  /*transition: all 0.5s;*/}
}
.header menu li .subnd .subxia{max-width:1400px;margin:auto;display:flex;width:96%;flex-wrap:wrap;padding:3% 0;}
.header menu li .subnd .subxia dt{width:22%;position:relative;padding:0;}
.header menu li .subnd .subxia  a{font-size:20px;color:#000000;display:inline-block;width:100%;line-height:60px;border-bottom:1px solid #dbdbdb;}
.header menu li .subnd .subxia dl{width:100%;display:flex;flex-wrap:wrap;}
.header menu li .subnd .subxia dl .dd_sub{width:74%;display:none}
.header menu li .subnd .subxia dl dd{margin-left:4%;display:flex;flex-wrap:wrap;align-items:flex-start;}
.header menu li .subnd .subxia dl dd em{font-style:normal;position:relative;display:block}
.header menu li .subnd .subxia dl dd em:before,.header menu li .subnd .subxia dt:before{content:'';z-index:5;position:absolute;width:100%;height:100%;cursor:pointer}
.header menu li .subnd .subxia dt a:before,.header menu li .subnd .subxia dl dd em>a:before{content:'';position:absolute;width:8px;height:8px;top:0;bottom:0;margin:auto;right:5px;border:solid #2e2e2e;border-width:0 1px 1px 0;display:inline-block;padding:3px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transition:0.5s}
.header menu li .subnd .subxia dt a{padding-right:20px;font-weight:500;position:relative}
.header menu li .subnd .subxia dl dd>a{width:29%;position:relative;}
.header menu li .subnd .subxia dl dd>a{width:29%;position:relative;}
.header menu li .subnd .subxia dl dd em{width:29%;position:relative;}
.header menu li .subnd .subxia dl dd ul{width:66%;margin-left:5%;display:flex;flex-wrap:wrap;display:none;}
.header menu li .subnd .subxia dl dd ul li{width:46.5%;}
.header menu li .subnd .subxia dl dd ul li:not(:nth-child(2n)){margin-right:7%!important;}
.header menu li .subnd .subxia dl dd ul li:not(:last-child){margin-right:0;}
.header menu li .subnd .subxia a:hover{color:#103581;}
.header menu li .subnd .subxia a:hover::before{border:solid #103581;border-width:0 1px 1px 0;}
.header menu li .subnd .subxia .show_dd dt a,.header menu li .subnd .subxia .show_ul em a{color:#0c3483}
.header menu li .subnd .subxia .show_dd dt a:before,.header menu li .subnd .subxia .show_ul em a:before{border-color:#0c3483}
@media screen and (max-width:1028px){
  .header menu li .subnd{position:relative;width:100%;padding:0 1em;display:none;}
  .header menu li .subnd .subxia dt,.header menu li .subnd .subxia dl .dd_sub{width:100%;}
  .header menu li .subnd .subxia dt a{display:block;padding-bottom:10px;margin-bottom:0;font-size:18px;}
  .header menu li .subnd .subxia dl dd{width:100%;margin-left:0;}
  .header menu li .subnd .subxia a{font-size:16px;line-height:40px}
  .header menu li .subnd .subxia dl dd em,.header menu li .subnd .subxia dl dd ul{width:100%;}
  .header menu li .subnd .subxia dl dd ul li a{font-size:15px;}
  .header menu li .subnd .subxia dl dd em a{padding-left:20px}
  .header menu li .subnd .subxia dl dd ul{margin-left:0}
  .header menu li .subnd .subxia dl dd ul li{width:100%;border-bottom:none;}
  .header menu li .subnd .subxia dl dd ul li a{padding-left:30px}
  .header menu li .subnd .subxia dl dd ul li:not(:nth-child(2n)){margin-right:0%!important;}
  .header menu li .subnd .subxia dl dd>a:before{bottom:6px;right:0;}
  .header menu li .subnd .subxia .show_dd dt a:before,.header menu li .subnd .subxia .show_ul em a:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);}
}
@media screen and (max-width:640px){
  .header menu li .subnd .subxia dl dd>a{width:100%;}
  .header menu li .subnd .subxia dl dd ul{width:100%;margin-left:0;}
  .header menu li .subnd .subxia dl .dd_sub{display:none;}
  .header menu li .subnd .subxia dt a:before,.header menu li .subnd .subxia dl dd>a:before{right:0;}
  .header menu li .subnd .subxia .oi dt a::before{transform:rotate(45deg);-webkit-transform:rotate(45deg);}
}

/* end */
@media (min-width:1025px){
  .header{background-color:#fff;}
  .header.Down{transform:translateY(-100px);}
  .header menu li{float:left;}
  .header menu li:not(:last-child){margin-right:3em;}
  .header menu li span{line-height:100px;}
  .header menu li span a{display:block;position:relative;z-index:1;color:#000;font-size:18px;font-weight:bold;}
  .header menu li.aon span a{color:#103581}
  .header menu li .sub{position:absolute;width:180px;top:100%;left:-50px;background-color:#ffffffd1;border-radius:0 0 5px 5px;overflow:hidden;text-align:center;padding-bottom:10px;}
  .header menu li .sub a:not(:hover){color:#000;}
  .header menu li .subnd{padding-top:40px;padding-bottom:40px;}
  .header menu li .subnd .subxia{position:relative;padding:0;}
  .header menu li .subnd .subxia dl .dd_sub{position:absolute;right:0;top:0}
  .header menu li .subnd .subxia dl dd ul{position:absolute;right:0;top:0}
}
@media (max-width:1300px) and (min-width:1025px){
  .header .top-lang{padding-right:10px;}
  .header menu li:not(:last-child){margin-right:1.5em;}
}
@media (max-width:1024px){
  .header{position:fixed;width:100%;z-index:100;background:#fff;top:0}
  .header .logo{height:60px;width: 85px;}
  .header .auto{position:relative;border-top:1px solid #eee;}
  .header .other{padding-right:50px;}
  .header .top-lang{padding-right:15px}
  .header menu{position:fixed;left:-100%;top:60px;height:calc(100% - 60px);overflow:auto;background-color:#fff;width:60%;max-width:360px;opacity:0;transition:0.3s ease;z-index:11;}
  .menu-show .header menu{left:0;opacity:1;transform:translateX(0);}
  .header menu li .sub dt a{font-size:16px}
  .header menu li{border-bottom:1px solid #eee;}
  .header menu li span{padding-top:1em;padding-bottom:1em;padding-left:1em;font-size:18px}
  .header .has-sub span .op:before,.header .has-sub span .op:after{background-color:#ccc;}
  .header menu li .sub{background-color:rgba(0,0,0,0.1);}
  .header .open-menu{right:0;}
  .header .open-menu i{width:60%;left:20%;background-color:#333}
  .header menu li .subnd{height:auto!important}
}
.bottom{position:relative;padding-top:4%;padding-bottom:3%;background:#1d212c;}
.bottom,.bottom a:not(:hover){color:#999999}
.bottom .column_menu{padding-bottom:3%}
.bottom .column_menu ul li{break-inside:avoid;}
.bottom .column_menu ul li span{position:relative;display:block;padding-bottom:0.625em;font-size:16px;font-weight:bold;}
.bottom .column_menu ul li span a:not(:hover){color:#caccce}
.bottom .column_menu ul li .sub a{font-size:14px;line-height:2;}
.bottom .share{order:2}
.bottom .share li{padding:0px 9px;position:relative;}
.bottom .share li figure{position:absolute;top:-7em;width:100px;height:100px;left:-1em;display:none;}
.bottom .share li:hover  figure{display:block;}
.bottom .share li a{display:inline-block;width:33px;height:33px;background:rgba(255,255,255,0.5) no-repeat center center;border-radius:100px;transition:0.5s;cursor:pointer}
.bottom .share li.weixin a{background-image:url(../images/share_weixin.png)}
.bottom .share li.douyin a{background-image:url(../images/share_douyin.png)}
.bottom .share li.sph a{background-image:url(../images/share_sph.png)}
.bottom .share li.linkedin a{background-image:url(../images/share_linkedin.png)}
.bottom .share li a:hover{background-color:#fff}
.bottom .copyright{order:1}
.bottom .icp{order:3}
@media(max-width:768px){
  .bottom .share li figure{top:-8em;}
  .bottom .column_menu{display:none}
  .bottom .box{flex-wrap:wrap;text-align:center}
  .bottom .box>div{width:100%}
  .bottom .box .copyright{order:2}
  .bottom .box .share ul{justify-content:center}
}
.flex,.flex_js,.flex_jc,.flex_ac,.flex_js_ac,.flex_jc_ac,.flex_js_fe{display:flex;}
.flex_js,.flex_js_fe{justify-content:space-between;}
.flex_row{flex-flow:row wrap;}
.flex_jc{justify-content:center;}
.flex_ac{align-items:center;}
.flex_js_fe{align-items:flex-end;}
.flex_js_ac{justify-content:space-between;align-items:center;}
.flex_jc_ac{justify-content:center;align-items:center;}
.wh100{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2}
.ul li p,.item h2,.item h3,.item h4,.item h5,.strategy_part1 .item .title{padding:0;margin:0;font-weight:normal}
@media(min-width:768px){
   .ul li p,.item h2,.item h3,.item h4,.item h5,.strategy_part1 .item .title{font-weight:lighter;}
}
.s5{transition:0.5s}
.zoomimg .pic{overflow:hidden}
.zoomimg .isimg img{-webkit-transition:-webkit-transform 1.2s ease;transition:-webkit-transform 1.2s ease;transition:transform 1.2s ease;transition:transform 1.2s ease,-webkit-transform 1.2s ease;}
.zoomimg:hover .isimg img{-webkit-transform:scale(1.2);transform:scale(1.2)}
.imgmid{position:relative;overflow:hidden}
.imgmid .isimg{position:absolute;width:100%;height:100%}
.imgmid .isimg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;}
.f16{font-size:.16rem}
.f18{font-size:.18rem}
.f20{font-size:.20rem}
.f24{font-size:.24rem}
.f26{font-size:.26rem}
.f30{font-size:.30rem}
.f36{font-size:.36rem}
.f46{font-size:.46rem}
.f50{font-size:.50rem}
.lh30{line-height:30px;}
.video_files{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;}
.video_files video{width:100%;height:100%;background-color:#000;}
.video_files .close{position:absolute;right:3%;top:3%;z-index:10;width:30px;height:30px;border-radius:50%;background:linear-gradient(45deg,#ea5504,#ff6e03);cursor:pointer;}
.video_files .close::before,.video_files .close::after{position:absolute;content:'';width:3px;height:70%;border-radius:3px;background-color:#fff;left:13px;top:5px;}
.video_files .close::before{transform:rotate(45deg);}
.video_files .close::after{transform:rotate(-45deg);}
.istop{position:fixed;right:4%;bottom:8%;padding:1.5625%;min-width:30px;min-height:30px;cursor:pointer;display:block;transition:0.5s;background:#0c3483 url("../images/istop.png") no-repeat center center}
.istop:hover{background-color:#19873f}
.img_100{width:100%;}
.zf16{font-size:16px;}
.zf18{font-size:calc(18 / 1920 * 100vw);}
.zf20{font-size:calc(20 / 1920 * 100vw);}
.zf26{font-size:calc(26 / 1920 * 100vw);}
.zf24{font-size:calc(24 / 1920 * 100vw);}
.zf30{font-size:calc(30 / 1920 * 100vw);}
.zf34{font-size:calc(34 / 1920 * 100vw);}
.zf36{font-size:calc(36 / 1920 * 100vw);}
.zf50{font-size:calc(50 / 1920 * 100vw);}
.zf80{font-size:calc(80 / 1920 * 100vw);}
@media (max-width:1024px){
  .zf18{font-size:calc(18 / 1366 * 100vw);}
  .zf20{font-size:calc(20 / 1366 * 100vw);}
  .zf24{font-size:calc(24 / 1366 * 100vw);}
  .zf26{font-size:calc(26 / 1366 * 100vw);}
  .zf30{font-size:calc(30 / 1366 * 100vw);}
  .zf34{font-size:calc(34 / 1366 * 100vw);}
  .zf36{font-size:calc(36 / 1366 * 100vw);}
  .zf50{font-size:calc(50 / 1366 * 100vw);}
  .zf80{font-size:calc(80 / 1366 * 100vw);}
}
@media (max-width:640px){
  .zf18{font-size:calc(18 / 768 * 100vw);}
  .zf20{font-size:calc(20 / 768 * 100vw);}
  .zf26{font-size:calc(26 / 768 * 100vw);}
  .zf30{font-size:calc(30 / 768 * 100vw);}
  .zf34{font-size:calc(34 / 768 * 100vw);}
  .zf36{font-size:calc(36 / 768 * 100vw);}
  .zf50{font-size:calc(50 / 768 * 100vw);}
  .zf80{font-size:calc(80 / 768 * 100vw);}
}
.w1280{max-width:1280px;margin:0 auto;width:96%;}
@media (min-width:1921px){
  .w1280{max-width:calc(1280 / 1920 * 100vw);}
}
@media (max-width:1280px){
  .w1280{max-width:100%;}
}
.mainContent{min-height:300px;}
.culture_pic img{width:100%}
.pt100{padding-top:calc(100 / 1920 * 100vw);}
.pb100{padding-bottom:calc(100 / 1920 * 100vw);}
.hidden{overflow:hidden;}
.ani{transition:all 0.5s;}
a:hover .ani{transform:scale(1.15);}
.Nybanner{position:relative;padding-top:100px;}
.Nybanner .textwarp{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;flex-flow:column wrap;align-items:center;justify-content:center;color:#fff;line-height:1;}
.Nybanner .en{text-transform:uppercase;font-weight:bold;letter-spacing:0.1em;opacity:0.1;}
.Nybanner .cn{margin-top:-1em;}
@media (max-width:1024px){
  .Nybanner{padding-top:60px}
}
.NYmenu{padding:0 calc(50 / 1920 * 100vw);background-color:#fff;bottom:calc(-50 / 1920 * 100vw);position:relative;z-index:10;left:50%;transform:translateX(-50%);position:absolute;box-shadow:0 5px 10px rgba(0,0,0,0.05)}
.NYmenu .nav li:not(:last-child){margin-right:calc(20 / 1920 * 100vw);}
.NYmenu .nav a{display:inline-block;line-height:calc(100 / 1920 * 100vw);color:#555555;position:relative;}
.NYmenu .nav a::after{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:0;height:2px;background-color:#103581;transition:all 0.5s;}
.NYmenu .nav a.aon,.NYmenu .nav a:hover{color:#103581;}
.NYmenu .nav a.aon::after,.NYmenu .nav a:hover::after{width:100%;}
.NYmenu .location{padding-left:30px;background:url(../images/home.png) no-repeat left center;color:#555555;display:inline-flex;align-items:center;}
.NYmenu .location a{color:#555;}
.NYmenu .location i{font-family:serif;font-style:normal;margin:0 10px;}
@media (max-width:1024px){
  .NYmenu .nav a{line-height:36px;}
  .NYmenu .location{display:none;}
}
@media (max-width:640px){
  .NYmenu{position:relative;bottom:auto;padding:0;}
  .NYmenu .flex_js_ac{flex-wrap:wrap}
  .NYmenu .nav{width:100%;order:2}
  .NYmenu .nav{margin-left:-1%;margin-right:-1%}
  .NYmenu .nav li{min-width:31%;margin:1%!important;text-align:center;font-size:.18rem !important;}
  .NYmenu .nav li a{background:#ddd;display:block;border-radius:10px;}
  .NYmenu .nav a.aon,.NYmenu .nav a:hover{background:#103581;color:#fff}
  .NYmenu .nav a::after{display:none}
  .NYmenu .location{display:block;padding-top:3%;padding-bottom:3%;font-size:14px;}
}
.SubPage{position:relative;background:#fff;z-index:1;height:auto!important;min-height:100px;height:100px;overflow:hidden;padding:105px 0 1.2rem;}
.search_result{font-size:.18rem;color:#000;}
.searchList_tit .ul{padding:.2rem 0 .5rem;}
.searchList_tit li{border-bottom:1px solid #eee;line-height:3.6;position:relative;padding-left:20px;}
.searchList_tit li em{font-style:normal;}
.searchList_tit li::before{content:'';position:absolute;left:5px;top:50%;transform:translateY(-50%) rotate(45deg);width:5px;height:5px;background-color:#666;}
.searchList_tit li time{float:right;margin-left:2%;}
.searchList_tit li:hover::before{background-color:#d70039;}
.back_{padding:5px 60px;display:inline-block;vertical-align:middle;background:#103380;color:#fff;border-radius:20px;margin-bottom:50px;}
.periodical_box{display:flex;flex-wrap:wrap;}
.periodical_item{width:22%;margin-right:1%;background-color:#ffffff;box-shadow:0px 10px 20px 0px rgba(0,0,0,0.05);border:solid 1px #ebebeb;margin-bottom:50px}
.periodical_item .img{overflow:hidden;}
.periodical_item .img img{transition:all 0.5s ease 0s;width:100%;height:350px;}
.periodical_item .periodical_txt{text-align:center;padding:4% 0;}
.qk_title{font-size:calc(20 / 1920 * 100vw);font-weight:bold;margin-bottom:30px;}
.result-search{padding:5% 0;}
.result-search .in-menu{margin-bottom:5%;}
.result-search .in-menu li a{cursor:pointer;}
.result-search .in-menu li a span{color:#103581;}
.result-search .ephotolist,.result-search .evideolist{padding-top:0;}
.in-menu{text-align:center;background:#fff;}
.in-menu li{display:inline-block;padding:30px 2% 0;}
.in-menu li a{display:block;padding-bottom:15px;color:#333;position:relative;text-transform:uppercase;font-size:18px;}
.in-menu li a::after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:#103581;}
.in-menu li.on a,.in-menu li a:hover{color:#103581;font-weight:bold;}
.in-menu li.on a::after,.in-menu li a:hover::after{width:100%;left:0;}

.exhibition_new .header {background: none; position: absolute;}
.exhibition_new .header menu li span a {color:#fff;}
.exhibition_new .header .open-search {background-image: url(../images/top_search_btn.svg);}
.exhibition_new .header .open-search.on::before,.exhibition_new .header .open-search.on::after {background-color:#fff;}
.exhibition_new .header .top-lang span {color:#fff;}
.exhibition_new .header .top-lang span::after {border-top-color: #fff;}
.exhibition_new .header .logo img {display: none;}
.exhibition_new .header .logo a {width: 182px;}
.exhibition_new .header .logo a:after {padding-bottom: 22.52748%; display: block; content: ''; background: url(../images/logo_white.png) no-repeat left center; background-size: contain;}
.exhibition_new .header .open-menu i {background-color: #fff;}


.exhibition_css .popup {position: fixed; left:0; top:0; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); z-index: 101; display:none;}
.exhibition_css .popup .box {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.exhibition_css .popup .info {background-color:#fff; max-width: 9.6rem; width: 80%;  padding:0.33rem .2rem 0.3rem; position: relative;}
.exhibition_css .popup .name {text-align: center; font-size: .4rem; line-height: 1.125em; margin:0 0 0.33rem; color:#000; font-weight: normal;}
.exhibition_css .popup .list {padding-right: 0.16rem; overflow-y: auto; -webkit-overflow-scrolling:touch; height: 7.1rem; max-height: 73vh;}
.exhibition_css .popup .list::-webkit-scrollbar {width: 2px;}
.exhibition_css .popup .list::-webkit-scrollbar-track {background-color: rgba(150,157,172,.1);}
.exhibition_css .popup .list::-webkit-scrollbar-thumb {background-image: linear-gradient(180deg, #baddd7, #a1b7d4);}
.exhibition_css .popup table {table-layout: fixed; width: 100%; background-image: linear-gradient(90deg, #f2f6fb, #e7f6f4); text-align: center; }
.exhibition_css .popup table:nth-child(2n){background-image: linear-gradient(90deg, #fbfcfe, #f8fcfb);}
.exhibition_css .popup td {border-right: 0.02rem solid #fff; border-bottom: 0.02rem solid #fff; font-size: 16px; line-height: 1.75em; padding:0.1rem 0.3rem;}
.exhibition_css .popup .w1 { width: 1.6rem;}
.exhibition_css .popup .w2 { vertical-align: top;}
.exhibition_css .popup table:last-child td {border-bottom: none;}
.exhibition_css .popup li {list-style: none;}
.exhibition_css .popup strong {font-weight: normal; font-size: 1.125em; line-height: 2em;}
.exhibition_css .popup .col {display: flex; flex-wrap: wrap; justify-content: space-evenly;}
.exhibition_css .popup .row {text-align: left;}
.exhibition_css .popup .row li {display: flex; justify-content: space-between; align-items: center;}
.exhibition_css .popup .row span {display: block;}
.exhibition_css .popup .row span:nth-child(1) {width: 6em;}
.exhibition_css .popup .row span:nth-child(2) {width: calc(100% - 6em);}
.exhibition_css .popup td a {color:#103581;}
.exhibition_css .popup .close {width: .5rem; height:.5rem; background: url(../images/close.png) no-repeat center center; background-size: contain; position: absolute; left:100%; top:0; margin-left:.2rem; cursor: pointer;}
.exhibition_css .popup .video{width:100%;min-height:100%;justify-content:center;align-items:center;padding:1vh 0;display: flex;}
.exhibition_css .popup video{display:block;width:auto;max-width:90vw;height:auto;max-height:90vh;}

.exhibition_css .exhibition_part1 .part_b .bplay {position: absolute; text-align: center;display: flex;  flex-wrap: wrap;  justify-content: center;  flex-direction: column;  align-items: center;}
.exhibition_css .exhibition_part1 .part_b .play {position: relative; padding:.13rem 0; width:9.66em; margin:0 auto 0.75em;}
.exhibition_css .exhibition_part1 .part_b .play i {display: inline-block; font-style: normal; background: no-repeat left center; background-size: auto 1.111em; padding-left:1.8em;}
.exhibition_css .exhibition_part1 .part_b .play .p {background-image: url(../images/icon_play.png)}
.exhibition_css .exhibition_part1 .part_b .text {font-size: .18rem; color:#fff; line-height: 1.5em;}

.exhibition_css .exhibition_part2 .detail .txt li {cursor: pointer;}
.exhibition_css .exhibition_part2 .detail .txt .box {position: absolute; left:50%; transform: translate(-50%,-100%); top:100%; margin-top: -0.5em; box-shadow: 0px 0.5em 1.5em rgba(9,31,76,.06); border-radius: 1em; background-color: #fff; width: 20em; z-index: 5; padding:1em 1.5em 1.2em; display: none;}
.exhibition_css .exhibition_part2 .detail .txt .box:after {position: absolute; left:50%;transform: translateX(-50%); top:98%; border-top:0.625em solid #fff; border-left:0.625em solid transparent; border-right:0.625em solid transparent; content: ''; display: block;}
.exhibition_css .exhibition_part2 .detail .txt .title {margin:0 0 0.25em; font-weight: normal; font-size: 1em; line-height: 1.8em;}
.exhibition_css .exhibition_part2 .detail .txt .intro {color:#666; line-height: 1.625em; font-size: 0.8em;}
.exhibition_css .exhibition_part2 .detail .txt:nth-child(3) .box{top:auto; bottom:100%; margin-top: 0; margin-bottom: 2em; transform: translateX(-50%);}

@media only screen and (max-width:768px){
  .exhibition_css .popup .info {padding:.2rem 0.15rem; width: 90%;}
  .exhibition_css .popup .close {left:auto; right:0.1rem; top:0.1rem; margin-left: 0; width: 0.3rem; height:0.3rem;}
  .exhibition_css .popup .name {font-size: .25rem; margin-bottom: .2rem;}
  .exhibition_css .popup .list {padding-right: 0;}

  .exhibition_css .popup table {display: block;}
  .exhibition_css .popup tbody,
  .exhibition_css .popup tr {display: block;}
  .exhibition_css .popup td {display: block; width: 100%!important; padding:0.1rem; border-right: none;font-size: 14px;}



  .exhibition_css .popup table:last-child td {border-bottom: 0.2rem solid #fff;}
  .exhibition_css .popup strong {font-size: 1em;}

  .exhibition_css .exhibition_part2 .detail .txt .box:after {display: none;}
  .exhibition_css .exhibition_part2 .detail .txt li:nth-child(1) .box {left:0; transform: translateY(-100%);}
  .exhibition_css .exhibition_part2 .detail .txt li:nth-child(3) .box {left:auto; right:0; transform: translateY(-100%);}
  .exhibition_css .exhibition_part2 .detail .txt:nth-child(3) li:nth-child(3) .box,
  .exhibition_css .exhibition_part2 .detail .txt:nth-child(3) li:nth-child(1) .box {transform: none;}

  .f16{font-size:.14rem}
.f18{font-size:.16rem}
.f20,.f20 *{font-size:.18rem !important}
.f24{font-size:.20rem}
.f26{font-size:.22rem}
.f30,.zf50{font-size:.24rem}
.f36{font-size:.28rem}
.f46{font-size:.32rem}
.f50{font-size:.38rem}
}

.iframe_box {position:relative; width: 100%; height:785px; overflow:hidden;}
.iframe_box iframe {position:absolute; left:-221px; top:-160px; overflow:hidden; height:945px; width:158.4%;}



/*京博科技奖  2024-06-06*/
.flex{display:flex;flex-wrap:wrap;}
.phgroup{text-align:center;margin-bottom:2.22222222em;}
.phgroup .palias{margin:1.23333333em 0 0;}
.ptitle{font-size:2.77777778em;line-height:1.125em;font-weight:normal;margin:0;}
.palias{font-size:1.66666667em;font-weight:normal;lighting-color:1.125em;display:flex;justify-content:center;margin:0 0 1.33333333em;}
.palias span{display:block;position:relative;padding:0 1.26666667em;}
.palias span:before,.palias span:after{width:0.73333333em;height:0.43333333em;background:no-repeat center center;background-size:contain;display:block;content:'';position:absolute;top:50%;transform:translateY(-50%);}
.palias span:before{left:0;background-image:url(../images/alias_left.svg);}
.palias span:after{right:0;background-image:url(../images/alias_right.svg);}
.palias .white:before{background-image:url(../images/alias_left_white.svg);}
.palias .white:after{background-image:url(../images/alias_right_white.svg);}
.page1{background:#fff url(../images/about_bg_01.jpg) no-repeat center bottom;background-size:100% auto;padding:1.1rem 0;}
.page1 .info{align-items:center;justify-content:space-between;}
.page1 .figure{width:52.34375%;}
.page1 .img{background:no-repeat center center;background-size:contain;display:block;padding-bottom:100.78947368%;}
.page1 .text{width:47.65625%;}
.page1 .box{width:110.98360656%;}
.page1 .ptitle{margin-bottom:0.63rem;}
.page1 .intro{font-size:1.11111111em;line-height:1.8em;margin-bottom:0.66rem;}
.page1 .quote{background:url(../images/square.png) no-repeat center center;background-size:100% 100%;padding:0.4725rem 1rem 0.4725rem 0.4rem;font-size:1.11111111em;line-height:1.8em;position:relative;text-align:left;}
.page1 .quote span{font-weight:normal;}
.page1 .quote:after{width:1.83333333em;height:1.44444444em;background:url(../images/quote.svg) no-repeat center center;background-size:contain;position:absolute;right:0.7rem;top:0.45rem;display:block;content:'';}
.swiper-arrows{position:relative;}
.swiper-arrows .swiper-button-arrow{margin-top:0;transform:translateY(-50%);width:0.61rem;height:0.61rem;border:solid 1px #13357e;border-radius:50%;}
.swiper-arrows .swiper-button-arrow:after{font-size:0.9em;color:#13357e;font-weight:bold;}
.swiper-arrows .swiper-button-arrow:hover{background-color:#13357e;}
.swiper-arrows .swiper-button-arrow:hover:after{color:#fff;}
.swiper-arrows .swiper-button-prev{left:-1.1rem;}
.swiper-arrows .swiper-button-next{right:-1.1rem;}
.page2{overflow:hidden;background:#eef2f8 url(../images/about_bg_02.jpg) no-repeat center center;background-size:100% auto;padding:0.93rem 0 1rem;}
.page2 .list{position:relative;}
.page2 .figure{overflow:hidden;}
.page2 .img{padding-bottom:66.74876847%;background:no-repeat center center;background-size:cover;display:block;transition:all 0.3s;}
.page2 .text{padding:0.35rem 0.35rem 0.4rem;}
.page2 .title{font-size:1.22222222em;line-height:1.63636364em;font-weight:normal;margin:0 0 1.36363636em;}
.page2 .title:after{display:block;content:'';width:1.45454545em;height:0.18181818em;background-color:#09399c;margin-top:0.90909091em;}
.page2 .intro{line-height:2em;color:#666;}
.page2 .swiper-slide{height:auto;}
.page2 .info{background-color:#fff;display:block;position:relative;height:100%;overflow:hidden;}
.page2 .info:hover .img{transform:scale(1.05);}
.page2 .info:hover .drop{transform:translateY(0);opacity:1;}
.page2 .drop{position:absolute;left:0;top:0;width:100%;height:100%;background:no-repeat center center;background-size:cover;transform:translateY(100%);opacity:0;transition:all 0.3s;}
.page2 .drop:before{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(7,57,161,0.9);z-index:2;content:'';display:block;}
.page2 .drop .box{position:relative;z-index:2;color:#fff;padding:0.6rem 0.35rem 0.7rem;}
.page2 .drop .title:after{background-color:#fff;}
.page2 .drop .intro{color:#fff;height:12em;overflow-y:auto; padding-right: 6px; -webkit-overflow-scrolling:touch;}
.page2 .more{width:2.44444444em;height:2.44444444em;background:#fff url(../images/arrow_right_01.svg) no-repeat center center;background-size:22.72727273% auto;border-radius:50%;margin-top:0.6rem;}


.page2 ::-webkit-scrollbar {width:6px;height:6px;}
.page2 ::-webkit-scrollbar-track {width:6px;background-color:#fff;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em;}
.page2 ::-webkit-scrollbar-thumb {background-color:#09399c;background-clip:padding-box;min-height:28px;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em;}
.page2 ::-webkit-scrollbar-thumb:hover {background-color:#09399c} 



.page3{overflow:hidden;background:#eef2f8 url(../images/about_bg_03.jpg) no-repeat center center;background-size:cover;color:#fff;padding:0.88rem 0 1rem;}
.page3 .list{margin:0 -2.34375%;width:104.6875%;}
.page3 .info{background:url(../images/photo_box.png) no-repeat center center;background-size:contain;padding-bottom:143.8752784%;position:relative;color:#fff;}
.page3 .photo{position:absolute;right:9.13140312%;width:68.59688196%;top:0;margin-top:9.57683742%;}
.page3 .img{padding-bottom:142.20779221%;background:no-repeat center center;background-size:contain;display:block;}
.page3 .more{  font-size: 1em; width: 8em;  height: 2.4em; display: flex; align-items: center; justify-content: center; background: url(../images/pbutton2.svg) no-repeat center center; background-size: contain; color: #0c3483; gap: 10px; display: none;  animation: breathe 2s infinite; margin-top: 2em;background: linear-gradient(to right, #afdef8, #d1edf8); border-radius: 25px;}
.page3 .more::after{ content: ''; display: inline-block; width: 18px; height: 14px; background: url(../images/arrow_right_03.svg) no-repeat center; background-size: contain;}
.page3 .meta{position:absolute;display:flex;flex-direction:row-reverse;justify-content:space-between;width:4.22222222em;flex-wrap:wrap;text-align:center;left:13.36302895%;top:0;margin-top:21.38084633%;}
.page3 .name{background:url(../images/name_bg.png) no-repeat center top;background-size:100% auto;font-size:1.33333333em;line-height:1.25em;width:1.66666667em;padding:0.70833333em 0;min-height:5.25em;}
.page3 .desc{width:1.875em;font-size:0.88888889em;line-height:1.125em;min-height:12.5em;padding:1em 0.4375em;background:url(../images/desc_bg.png) no-repeat center top;background-size:100% auto;transform:translateY(2.25em);}
.page3 .word{position:absolute;width:64.81069042%;left:50%;transform:translateX(-50%);bottom:0;margin-bottom:13.80846325%;padding:2.5em 1.22222222em 0.27777778em 0;color:rgba(255,255,255,0.8);}
.page3 .word:before,.page3 .word:after{position:absolute;display:block;content:'';background:no-repeat center center;background-size:contain;}
.page3 .word:before{width:2.05555556em;height:1.66666667em;left:0;top:0;background-image:url(../images/quote_02.svg);}
.page3 .word:after{background-image:url(../images/word_01.png);width:8.55555556em;height:1.16666667em;right:0;bottom:0;}
.page3 .swiper-arrows .swiper-button-arrow{border-color:rgba(255,255,255,0.4);}
.page3 .swiper-arrows .swiper-button-arrow:after{color:#fff;}
.page3 .swiper-arrows .swiper-button-arrow:hover{background-color:#fff;}
.page3 .swiper-arrows .swiper-button-arrow:hover:after{color:#13357e;}
.page3 .drop{position:absolute;left:50%;top:0;width:65.92427617%;transform:translateX(-50%);height:100%;padding:25.61247216% 0 0;opacity:0;}
.page3 .drop .title{margin:0 0 0.3em;font-size:1.66666667em;font-weight:normal;line-height:1.125em;}
.page3 .drop .alias{line-height:1.66666667em;margin-bottom:0.66666667em;}
.page3 .drop .intro{font-size:0.88888889em;line-height:1.875em;height:11em;overflow-y: auto; padding-right: 6px;}
.page3 .drop .quote{font-size:0.88888889em;line-height:1.625em;background-color:rgba(2,30,213,0.5);padding:0.5625em 1.125em;border-radius:0.3125em;position:relative;margin-bottom:1.3125em;}
.page3 .drop .quote:before{border-bottom:0.5em solid rgba(2,30,213,0.5);border-left:0.5em solid transparent;border-right:0.5em solid transparent;position:absolute;bottom:100%;left:1.375em;display:block;content:'';}
.page3 .drop:after{background:url(../images/word_01.png) no-repeat center center;background-size:contain;width:8.55555556em;height:1.16666667em;position:absolute;right:0;bottom:0;content:'';display:block;margin-bottom:20.94594595%;}
.page3 .info:hover{background-image:url(../images/photo_box_02.png);}
.page3 .info:hover .photo{opacity:0.1;}
.page3 .info:hover .text .meta{opacity:0;}
.page3 .info:hover .drop{opacity:1;}
.page3 .info:hover .more{ display: flex;}
.page3 .drop .linkmore{ margin-top: 0.3rem;}
.page3 .drop .linkmore .tit{ color: #fff; margin-bottom: 0.3em;}
.page3 .drop .linkmore .list li{position:relative;padding-left:18px}
.page3 .drop .linkmore .list li:before{content:'';left:0;top:11px;margin:auto;position:absolute;width:8px;height:8px;background:url(../images/jt-white.svg) no-repeat center;}
.page3 .drop .linkmore .list li a{color:#fff; font-size: 0.88888889em; display:inline-block;}
.page3 .drop .linkmore .list li a:hover{color:#fff}

.page3 ::-webkit-scrollbar {width:6px;height:6px;}
.page3 ::-webkit-scrollbar-track {width:6px;background-color:#fff;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em;}
.page3 ::-webkit-scrollbar-thumb {background-color:#09399c;background-clip:padding-box;min-height:28px;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em;}
.page3 ::-webkit-scrollbar-thumb:hover {background-color:#09399c} 



.page4{overflow:hidden;background:url(../images/about_bg_04.jpg) no-repeat center center;background-size:cover;padding:0.9rem 0 1rem;}
.swiper-dots .swiper-pagination{display:flex;justify-content:center;align-items:center;}
.swiper-dots .swiper-pagination-bullet{width:0.88888889em;height:0.88888889em;border-radius:50%;border:1px solid transparent;position:relative;background-color:transparent;opacity:1;}
.swiper-dots .swiper-pagination-bullet:before{width:28.57142857%;height:28.57142857%;background-color:#fff;border-radius:50%;position:absolute;left:35.71428571%;top:35.71428571%;display:block;content:'';}
.swiper-dots .swiper-pagination-bullet-active{border-color:#fff;}
.page4_01{margin-bottom:0.9rem;}
.page4_01 .box{display:flex;justify-content:space-between;background-color:#fff;align-items:center;flex-wrap:wrap;}
.page4_01 .sticky{width:50%;}
.page4_01 .sticky .img{padding-bottom:72.875%;display:block;background:no-repeat center center;background-size:cover;}
.page4_01 .sticky .text{position:absolute;left:0;bottom:0.22rem;z-index:2;width:100%;padding:0 0.3rem;}
.page4_01 .sticky .date{line-height:2em;}
.page4_01 .sticky .title{font-size:1.22222222em;line-height:1.63636364em;font-weight:lighter;margin:0;}
.page4_01 .sticky .info{position:relative;color:#fff;overflow:hidden;display:block;}
.page4_01 .swiper-dots .swiper-pagination{width:auto;left:auto;right:0.3rem;bottom:0.3rem;}



.page4_01 .list{width:50%;}
.page4_01 .slick-list{padding:0 0.4rem;}
.page4_01 .list li{border-bottom:1px dashed #e1e1e1;list-style:none; /* padding-bottom:0.2rem; */padding:0.12rem 0;}
.page4_01 .list li:not(:last-child){ margin-bottom: 0.2rem;}
.page4_01 .list a{display:block;position:relative;}
.page4_01 .list li .box{ display: flex;align-items: center;}
.page4_01 .list li time{display:block;color:#888;font-size:0.88888889em;}
.page4_01 .list li .box .pic{ width: 35%;}
.page4_01 .list li .box .pic .img{padding-bottom:66.71875%;display:block;background:no-repeat center center;background-size:cover;}
.page4_01 .list li .box .txt{ width: 65%; padding-left: 5%;}
.page4_01 .list li .box .txt .tit{font-size:1.11111111em;color: #000;}
.page4_01 .list li .box .txt .intro {line-height: 1.875;color: #666;font-size:0.88888889em;}


.page4_01 .list .slick-arrow{position:absolute;top:0em;display:flex;align-items:center;margin-top: -20px;background: none;border: none;}
.page4_01 .list .slick-arrow:before{background-position:right center;}
/* .page4_01 .list .slick-arrow:not(:hover){background:none;border-color:#13357e} */
.page4_01 .list .slick-prev{left: auto;right: 40px;}






.page4_02{margin-bottom:0.6rem;}
.page4_02 .list{/* display:flex;flex-wrap:wrap;justify-content:space-between; */}
.page4_02 .item{width:48.828125%;padding-bottom:2.34375%;}
.page4_02 .img{padding-bottom:62.4%;background:no-repeat center center;background-size:cover;transition:all 0.3s;}
.page4_02 .title{position:absolute;left:0;bottom:0;width:100%;z-index:3;line-height:1.5em;font-size:1.11111111em;font-weight:lighter;padding:0.17rem 0.3rem;}
.page4_02 .play{width:0.59rem;height:0.59rem;background:url(../images/video_play.svg) no-repeat center center;background-size:contain;position:absolute;left:50%;top:50%;margin:-0.295rem 0 0 -0.295rem;transition:all 0.3s;}
.page4_02 .info{display:block;position:relative;color:#fff;overflow:hidden;}
.page4_02 .info:before{position:absolute;left:0;bottom:0;width:100%;height:40%;content:'';display:block;background-image:linear-gradient(0deg,#09399c,transparent);z-index:2;opacity:0.9;}
.page4_02 .info:hover .img{transform:scale(1.05);}
.page4_02 .info:hover .play{transform:scale(0.9);}



.tpopup{position:fixed;left:0;top:0;width:100%;height:100%;overflow-y:auto;background-color:rgba(0,0,0,0.5);z-index:999;-webkit-overflow-scrolling:touch;display:none;}
.tpopup .video{width:100%;min-height:100%;justify-content:center;align-items:center;padding:1vh 0;display:flex;}
.tpopup .info{background-color:#fff;position:relative;}
.tpopup video{display:block;width:auto;max-width:90vw;height:auto;max-height:90vh;}
.tpopup .close{width:1.11111111em;height:1.11111111em;background:url(../images/close2.png) no-repeat center center;background-size:contain;position:absolute;right:1.33333333em;top:1.33333333em;cursor:pointer;z-index:3;}
.apopup .info{padding:0.53rem 0.6rem 0.92rem;}
.apopup .title{font-size:2.22222222em;font-weight:normal;line-height:1.25em;position:relative;margin:0 0 1em;}
.apopup .title:after{width:4.325em;height:0.2em;position:absolute;left:0;bottom:0;background-image:linear-gradient(90deg,#5476ba,transparent);display:block;content:'';}
.apopup .title span{display:block;position:relative;z-index:2;}
.apopup .intro{font-size:1.11111111em;line-height:1.8em;}
.page4_03 .img{padding-bottom:115.81967213%;background:no-repeat center center;background-size:cover;transition:all 0.3s;display:block;}
.page4_03 .title{position:absolute;left:0;bottom:0;width:100%;z-index:3;line-height:1.8em;font-size:1.11111111em;font-weight:lighter;padding:0.11rem 0.26rem;margin:0;}
.page4_03 .info{display:block;position:relative;color:#fff;overflow:hidden;}
.page4_03 .info:before{position:absolute;left:0;bottom:0;width:100%;height:40%;content:'';display:block;background-image:linear-gradient(0deg,#09399c,transparent);z-index:2;opacity:0.9;}
.page4_03 .info:hover .img{transform:scale(1.05);}
.page4_03 .info:hover .play{transform:scale(0.9);}
.page4_03 .info:hover .drop{transform:translateY(0);opacity:1;}
.page4_03 .drop{position:absolute;left:0;top:0;width:100%;height:100%;background:no-repeat center center;background-size:cover;transform:translateY(100%);opacity:0;transition:all 0.3s;z-index:5;}
.page4_03 .drop:before{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(7,57,161,0.9);z-index:2;content:'';display:block;}
.page4_03 .drop .box{position:relative;z-index:2;color:#fff;padding:0.6rem 0.35rem 0.7rem;}
.page4_03 .drop .name{line-height:1.8em;font-size:1.11111111em;font-weight:lighter;margin:0;position:relative;padding-bottom:0.6em;margin-bottom:1.65em;}
.page4_03 .drop .name:after{background-color:#fff;width:1.2em;height:0.15em;position:absolute;left:0;bottom:0;content:'';display:block;}
.page4_03 .drop .intro{color:#fff;height:10em;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.page4_03 .more{width:2.44444444em;height:2.44444444em;background:#fff url(../images/arrow_right_01.svg) no-repeat center center;background-size:22.72727273% auto;border-radius:50%;margin-top:0.3rem;}
.page5{padding:0.9rem 0 1rem;overflow:hidden;}
.page5 .box{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.page5 .year ul{display:flex;align-items:center;}
.page5 .year li{margin-left:0.4rem;font-size:1.11111111em;line-height:1.5em;color:#333;font-weight:lighter;cursor:pointer;position:relative;}
.page5 .year li:after{width:2.1em;height:0.1em;display:block;content:'';position:absolute;left:0;bottom:0;background-color:#09399c;opacity:0;}
.page5 .year span{display:block;padding:0.3em 0;}
.page5 .year .cur{color:#09399c;font-weight:normal;}
.page5 .year .cur:after{opacity:1;}
.page5 .list{width:100%;margin-top:2.33333333em;position:relative;}
.page5 .list .item{display:none;}
.page5 .list .figure{position:relative;margin-bottom:1.27777778em;}
.page5 .list .figure:before{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(16,53,129,0.8);z-index:2;display:block;content:'';transition:all 0.3s;}
.page5 .list .img{display:block;padding-bottom:56.48148148%;background:no-repeat center center;background-size:cover;}
.page5 .list .title{font-size:1.375em;line-height:1.54545455em;font-weight:lighter;margin:0;opacity:0;transition:all 0.3s;}
.page5 .list .swiper-slide{width:10.8rem;}
.page5 .list .swiper-slide-active .figure:before{opacity:0;}
.page5 .list .swiper-slide-active .title{opacity:1;}
.page5 .list .swiper-pagination{position:relative;height:0.22222222em;background-color:#eceff7;margin-top:1.55555556em;}
.page5 .list .swiper-pagination-progressbar-fill{background-color:#09399c;}
.page5 .list .swiper-arrow{position:absolute;right:0;bottom:2em;display:flex;align-items:center;}
.page5 .list .swiper-arrow > div{position:relative;margin-top:0;top:auto;transform:none;right:auto;left:auto;height:auto;}
.page5 .list .swiper-arrow > div:after{font-size:1.125em;color:#666;font-weight:bold;}
.page6{background:url(../images/about_bg_05.jpg) no-repeat center center;background-size:cover;overflow:hidden;padding:0.9rem 0;}
@keyframes circle{
  0%{transform:rotate(0deg);}
  100%{transform:rotate(360deg);}
}
.pbutton a{font-size:1.11111111em;width:10em;height:3em;display:flex;align-items:center;justify-content:center; color:#fff; animation: breathe 2s infinite;     background: url(../images/pbutton.svg) no-repeat center center; background-size: contain;}
@keyframes breathe{
  0%{transform:scale(0.85);}
  50%{ transform: scale(1.06);}
  100%{transform:scale(0.85);}
}
.pbutton a:hover{color:#fff;}
.pbutton i{font-style:normal;display:block;background:url(../images/arrow_right_02.svg) no-repeat right center;background-size:0.95em auto;padding-right:2em;}
.page6_01{margin-bottom:1rem;}
.page6_01 .list{position:relative;padding-top:0.72222222em;margin-top:2.77777778em;}
.page6_01 .list:before{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/frame_01.png) no-repeat center top;background-size:100% 100%;margin-left:0.72222222em;display:block;content:'';}
.page6_01 .box{background:url(../images/frame_02.png) no-repeat center top;background-size:100% 100%;position:relative;z-index:2;}
.page6_01 .item{display:flex;flex-wrap:wrap;justify-content:space-between;padding:1em 2.77777778em;border-bottom:1px solid #e6ebf5;}
.page6_01 .item:last-child{border-bottom:none;}
.page6_01 .name{line-height:1.66666667em;width:11.11111111em;}
.page6_01 .name span{display:inline-block;background:url(../images/dot_01.svg) no-repeat left center;background-size:0.5em auto;padding-left:1.33333333em;}
.page6_01 .intro{font-size:1.11111111em;line-height:2em;width:calc(100% - 12em);}
/*.page6_01 .cycle{background:#09399c url(../images/about_bg_06.jpg) no-repeat center bottom;background-size:100% auto;color:#fff;}
.page6_01 .cycle .name span{background-image:url(../images/dot_02.svg);}*/
.page6_02{margin-bottom:0.9rem;}
.page6_02 .box{position:relative;}
.page6_02 .list{background:#fff url(../images/page6_02_bg.png) no-repeat right bottom;background-size:100% auto;border:0.11111111em solid #fff;box-shadow:0px 0.11111111em 1.66666667em rgba(16,53,129,0.12);margin-left:11.94444444em;padding:2.77777778em 5.55555556em 2.77777778em 7.77777778em;margin-top:7.77777778em;}
.page6_02 .intro{font-size:1.11111111em;line-height:2em;}
.page6_02 .intro p{position:relative;padding-left:0.9em;}
.page6_02 .intro p:before{width:0.25em;height:0.25em;border-radius:50%;background-color:#09399c;position:absolute;left:0;top:0.875em;display:block;content:'';}
.page6_02 .year{position:relative;}
.page6_02 .year:before,.page6_02 .year:after{width:2.44444444em;height:2.05555556em;display:block;content:'';background:url(../images/hexagon_01.svg) no-repeat center center;background-size:contain;position:absolute;}
.page6_02 .year:after{left:30.83333333em;top:-5.27777778em;}
.page6_02 .year span{display:flex;align-items:center;justify-content:center;width:4.15217391em;height:3.60869565em;background:url(../images/hexagon_01.svg) no-repeat center center;background-size:contain;font-size:2.55555556em;cursor:pointer;}
.page6_02 .year span:hover,.page6_02 .year .cur span{background-image:url(../images/hexagon_02.svg);color:#fff;}
.page6_02 .arrow{display:flex;align-items:center;margin-top:2.22222222em;}
.page6_02 .arrow > div{width:2.77777778em;height:2.77777778em;border-radius:50%;background-color:#eff2fa;position:relative;margin-right:0.55555556em;left:auto;right:auto;top:auto;margin-top:0;opacity:1;}
.page6_02 .arrow > div:after{font-size:0.94444444em;color:#666;font-weight:bold;}
.page6_02 .arrow > div:hover{background-color:#09399c;}
.page6_02 .arrow > div:hover:after{color:#fff;}

.page6_02 .more{margin-top:2.22222222em;}

@media only screen and (min-width:769px){
  .page6_02 .year li{position:absolute;}
  .page6_02 .year li:nth-child(1){left:-2em;transform:scale(0.51);top:6.66666667em;}
  .page6_02 .year li:nth-child(2){transform:scale(0.71);left:0em;top:0;}
  .page6_02 .year li:nth-child(3){left:8.66666667em;top:-4.61111111em;}
  .page6_02 .year li:nth-child(4){transform:scale(0.71);left:16.66666667em;top:-9.22222222em;}
  .page6_02 .year li:nth-child(5){transform:scale(0.51);left:23.33333333em;top:-10.88888889em;}
}
.page6_03{display:flex;align-items:center;flex-direction:row-reverse;flex-wrap:wrap;justify-content:space-between;}
.page6_03 .pic{width:42.34375%;}
.page6_03 .img{padding-bottom:100%;background:no-repeat center center;background-size:contain;position:relative;}
.page6_03 .circle{width:30.07380074%;padding-bottom:30.07380074%;background:url(../images/circle.svg) no-repeat center center;background-size:contain;position:absolute;left:50%;top:50%;margin:-15.31365314% 0 0 -15.31365314%;animation:circle 10s linear 0s infinite;}
.page6_03 .name{width:3em;font-size:1.55555556em;line-height:1.28571429em;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;color:#09399c;font-weight:normal;}
.page6_03 .text{width:53.125%;}
.page6_03 .ptitle{margin-bottom:0.76em;}
.page6_03 .intro{font-size:1.11111111em;line-height:1.8em;margin-bottom:2.5em;}
@media only screen and (max-width:1536px){
  .swiper-arrows .swiper-button-prev{left:0.1rem;}
  .swiper-arrows .swiper-button-next{right:0.1rem;}
}
@media only screen and (max-width:1024px){
  .page5 .list .swiper-slide{width:73.828125vw;}
}
@media only screen and (max-width:768px){
  .ptitle{font-size:2em;}
  .palias{font-size:1.25em;}
  .page1{padding:0.5rem 0;}
  .page1 .text{width:100%;margin-bottom:0.4rem;}
  .page1 .box{width:auto;}
  .page1 .ptitle,.page1 .intro{margin-bottom:0.35rem;}
  .page1 .quote{padding-right:0.6rem;}
  .page1 .quote:after{right:0.35rem;}
  .page1 .figure{width:100%;}
  .page2,.page4{padding:0.5rem 0;}
  .page4_01{margin-bottom:0.5rem;}
  .page4_01 .sticky{width:100%;margin-bottom: 20px;}
  .page4_01 .list{width:100%;padding:0.2rem 0.15rem;}
  
  .page4_01 .slick-list{ padding: 0;}
  .page4_01 .list li .box .pic{width: 44%;}
  .page4_01 .list li .box .txt{width: 56%;padding-left: 3%;}
  .page4_02{margin-bottom:0.35rem;}
  .page4_02 .item{width:100%;}
  .page3{padding:0.5rem 0;}
  .page5{padding:0.5rem 0;}
  .page5 .box{display:block;}
  .page5 .ptitle{text-align:center;}
  .page5 .year{margin-top:1em;}
  .page5 .year ul{justify-content:center;}
  .page5 .year li{margin-left:0;margin-right:1.5em;}
  .page5 .year li:last-child{margin-right:0;}
  .page5 .list .swiper-slide{width:83vw;}
  .page6{padding:0.5rem 0;}
  .page6_01{margin-bottom:0.35rem;}
  .page6_01 .item{padding:1em 1.5em;}
  .page6_01 .name{width:100%;margin-bottom:0.5em;}
  .page6_01 .intro{width:100%;}
  .page6_02{margin-bottom:0.35rem;}
  .page6_02 .list{margin-left:0;margin-top:1em;padding:2em;}
  .page6_02 .year{margin-top:2em;}
  .page6_02 .year:before,.page6_02 .year:after{display:none;}
  .page6_02 .year ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
  .page6_02 .year span{font-size:4vw;}
  .page6_03 .pic{width:100%;margin-bottom:2em;}
  .page6_03 .text{width:100%;}
  .apopup .info{padding:0.25rem 0.3rem 0.5rem;}
}

.mapList figure img{ height: 5rem; object-fit: cover; -webkit-object-fit: cover; width: 100%;}